// @flow

import React from "react";

const ZoomIn = ({ size = 32, color = "currentColor" }: { size?: number, color?: string }) => (
  <svg viewBox="0 0 21 21" height={size} width={size}>
    <path
      fill={color}
      d="M19.6875 18.8984L14.4531 13.6641C15.5859 12.2969 16.25 10.5391 16.25 8.625C16.25 4.17188 12.5781 0.5 8.125 0.5C3.63281 0.5 0 4.17188 0 8.625C0 13.1172 3.63281 16.75 8.125 16.75C10 16.75 11.7578 16.125 13.1641 14.9922L18.3984 20.2266C18.5547 20.4219 18.7891 20.5 19.0625 20.5C19.2969 20.5 19.5312 20.4219 19.6875 20.2266C20.0781 19.875 20.0781 19.2891 19.6875 18.8984ZM8.125 14.875C4.64844 14.875 1.875 12.1016 1.875 8.625C1.875 5.1875 4.64844 2.375 8.125 2.375C11.5625 2.375 14.375 5.1875 14.375 8.625C14.375 12.1016 11.5625 14.875 8.125 14.875ZM11.25 7.6875H9.02344V5.5C9.02344 4.99219 8.59375 4.5625 8.125 4.5625C7.61719 4.5625 7.1875 4.99219 7.1875 5.5V7.6875H4.96094C4.45312 7.6875 4.0625 8.11719 4.0625 8.625C4.0625 9.17188 4.45312 9.5625 4.96094 9.5625H7.1875V11.75C7.1875 12.2969 7.57812 12.6875 8.08594 12.6875C8.59375 12.6875 8.98438 12.2969 8.98438 11.75V9.5625H11.1719C11.7578 9.5625 12.1875 9.17188 12.1875 8.625C12.1875 8.11719 11.7578 7.6875 11.25 7.6875Z"
    />
  </svg>
);

export default ZoomIn;
